<template>
  <div class="rankingCard">
    <span class="rankingCard-num">8</span>
    <img
      class="rankingCard-avatar"
      src="https://circle-mpc.oss-cn-guangzhou.aliyuncs.com/2022/01/08/8fbfec4990864c80b86bbb59cbc1fef6.jpeg"
      alt="头像"
    />
    <span class="rankingCard-name">aaa</span>
    <span class="rankingCard-score">10积分</span>
  </div>
</template>

<script>
export default {
  props: {
    score: {
      type: Object,
      default: () => {},
    },
    
  },
  created() {
    // console.log(this.score);
  },
};
</script>

<style lang="less" scoped>
.rankingCard {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d0d2d1;

  .rankingCard-num {
    flex: 1;
    display: flex;
    justify-content: center;
    font-size: 50px;
    color: #d0d2d1;
  }

  .rankingCard-avatar {
    // flex: 1;
    border-radius: 10px;
    width: 40px;
  }

  .rankingCard-name {
    flex: 3;
    margin-left: 10px;
  }

  .rankingCard-score {
    flex: 1;
    margin-right: 10px;
  }
}
</style>